﻿<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
    CodeFile="chi-tiet-san-pham.aspx.cs" Inherits="chi_tiet_san_pham" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

    <script src="<%=Page.ResolveClientUrl("~/") %>Javascripts/jquery.easing-1.3.pack.js" type="text/javascript"></script>

    <link href="<%=Page.ResolveClientUrl("~/") %>Javascripts/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />

    <script src="<%=Page.ResolveClientUrl("~/") %>Javascripts/jquery.fancybox-1.3.4.js" type="text/javascript"></script>

    <script src="<%=Page.ResolveClientUrl("~/") %>Javascripts/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>

    <script src="<%=Page.ResolveClientUrl("~/") %>Javascripts/jquery.mousewheel-3.0.4.pack.js" type="text/javascript"></script>

    <script type="text/javascript">
		$(document).ready(function() {
		
			$(".btn_open").hide();
			
			$("a#zoompic").fancybox({
				'transitionIn'	: 'none',
				'transitionOut'	: 'none'	
			});
			
			$(".btn_close").click(function(){
				$("#detail").slideUp(1000);
				$(this).hide();
				$(".btn_open").show();
										   });
			$(".btn_open").click(function(){
				$("#detail").slideDown(1000);
				$(this).hide();
				$(".btn_close").show();
										   });
			

			
		});
    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">
    <asp:Literal ID="lblTitle" runat="server"></asp:Literal>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="pic_detail_product">
        <a href="<%=largeimg %>" id="zoompic" title="<%=pName %>" class="link_pic_detail">
            <img src="<%=smallimg %>" alt="Hong Cuong" title="<%=pName %>" width="230" class="pic_border"></a>
        <p class="txt_note_pic">
            Click vào hình để xem cỡ đầy đủ!</p>
    </div>
    <!-- end pic_detail_product -->
    <div class="description_product">
        <div class="item_description_product">
            <div class="field_product">
                Mã hàng
            </div>
            <div class="txt_field_product">
                :
                <asp:Literal ID="lblMaSanPham" runat="server"></asp:Literal></div>
        </div>
        <!-- end item_description_product -->
        <div class="item_description_product">
            <div class="field_product">
                Hãng sản xuất
            </div>
            <div class="txt_field_product">
                :
                <asp:Literal ID="lblHangSanXuat" runat="server"></asp:Literal></div>
        </div>
        <!-- end item_description_product -->
        <div class="item_description_product">
            <div class="field_product">
                Chủng loại</div>
            <div class="txt_field_product">
                :
                <asp:Literal ID="lblCate" runat="server"></asp:Literal></div>
        </div>
        <!-- end item_description_product -->
        <div class="item_description_product">
            <div class="field_product">
                Lượt xem</div>
            <div class="txt_field_product">
                :
                <asp:Literal ID="lblViewCount" runat="server"></asp:Literal></div>
        </div>
        <!-- end item_description_product -->
        <div class="item_description_product">
            <div class="field_product">
                Số lượng còn
            </div>
            <div class="txt_field_product">
                :
                <asp:Literal ID="lblSoLuongCon" runat="server"></asp:Literal></div>
        </div>
        <!-- end item_description_product -->
        <div class="item_description_product">
            <div class="field_product">
                Giá bán
            </div>
            <div class="txt_field_product">
                :
                <asp:Literal ID="lblPrice" runat="server"></asp:Literal>
            </div>
        </div>
        <!-- end item_description_product -->
        <asp:Repeater ID="rptNhomGia" runat="server">
            <HeaderTemplate>
                <div class="item_rows_price">
                    <div class="number_detail">
                        Số lượng</div>
                    <div class="price_detail">
                        Giá bán</div>
            </HeaderTemplate>
            <ItemTemplate>
                <div class="txt_number_detail">
                    <%#DataBinder.Eval(Container.DataItem,"AttributeValue")%></div>
                <div class="txt_price_detail">
                    <%#DataBinder.Eval(Container.DataItem,"AttributeValue1")%></div>
            </ItemTemplate>
            <FooterTemplate>
                </div>
            </FooterTemplate>
        </asp:Repeater>
    </div>
    <div class="detail_product" style="padding-top: 10px;">
        <div class="bg_ttsp">
            <div class="txt_ttsp">
                THÔNG TIN CHI TIẾT</div>
            <div class="btn_close">
                <a href="#detail_product">
                    <img src="<%=Page.ResolveClientUrl("~/") %>images/icon_close.png" alt="Đóng nội dung" title="Đóng nội dung"></a></div>
            <div class="btn_open">
                <a href="#detail_product">
                    <img src="<%=Page.ResolveClientUrl("~/") %>images/ico_open.png" alt="Xem nội dung" title="Xem nội dung"></a></div>
        </div>
        <div id="detail">
            <asp:Literal ID="lblContent" runat="server"></asp:Literal>
        </div>
        <!-- end detail-->
    </div>
    <div class="new_products">
        <div class="sidebar">
            <div class="icon_sidebar">
                <img src="<%=Page.ResolveClientUrl("~/") %>images/bg_icon_sidebar.jpg" alt=""></div>
            <div class="bg_sidebar txt_title_sidebar">
                sản phẩm liên quan</div>
        </div>
        <!-- end sidebar -->
        <div class="show_product2">
            <div class="rows_product_title bg_title_ctsp">
                <div class="col_1_product title_col_product">
                    Sản phẩm</div>
                <div class="col_2_product title_col_product">
                    Mô tả</div>
                <div class="col_3_product title_col_product">
                    Giá bán</div>
                <div class="col_4_product title_col_product">
                    Sẳn hàng</div>
            </div>
           <asp:Repeater ID="rptProducts" runat="server">
        <ItemTemplate>
            <div class="rows_product1 border_row_product">
                <div class="col_1_product">
                    <a href="<%=Page.ResolveClientUrl("~/") %>chi-tiet-san-pham/<%# DataBinder.Eval(Container.DataItem,"CateID") %>/<%# DataBinder.Eval(Container.DataItem,"ProductID") %>/<%#WebComponents.ConvertType.StripDiacritics(Eval("ProductName").ToString()) %>-.aspx"
                        rel="prettyPhoto" title="<%#DataBinder.Eval(Container.DataItem,"ProductName")%>">
                        <asp:Image ID="imgDescription" runat="server" Width="162px" BorderWidth="0px" AlternateText='<%#DataBinder.Eval(Container.DataItem,"ProductName")%>'
                            CssClass="pic_border" />
                    </a>
                </div>
                <div class="col_2_product">
                    <p>
                        <a href="<%=Page.ResolveClientUrl("~/") %>chi-tiet-san-pham/<%# DataBinder.Eval(Container.DataItem,"CateID") %>/<%# DataBinder.Eval(Container.DataItem,"ProductID") %>/<%#WebComponents.ConvertType.StripDiacritics(Eval("ProductName").ToString()) %>-.aspx"
                            title="<%#DataBinder.Eval(Container.DataItem,"ProductName")%>" class="link_title_product">                            
                            <%#DataBinder.Eval(Container.DataItem,"ProductName")%></a></p>
                    <p class="txt_detail">
                        <%#DataBinder.Eval(Container.DataItem,"ShortDescription")%></p>
                </div>
                <asp:Repeater ID="rptNhomGia" runat="server">
                    <HeaderTemplate>
                        <div class="col_3_product">
                            <div class="number">
                                Số lượng</div>
                            <div class="price">
                                Giá bán</div>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <div class="txt_number">
                            <%#DataBinder.Eval(Container.DataItem,"AttributeValue")%></div>
                        <div class="txt_price">
                            <%#DataBinder.Eval(Container.DataItem,"AttributeValue1")%></div>                        
                    </ItemTemplate>
                    <FooterTemplate>
                        </div>
                    </FooterTemplate>
                </asp:Repeater>
                <div class="col_4_product padding_soluong">
                    <%#DataBinder.Eval(Container.DataItem,"Comments")%></div>
            </div>
        </ItemTemplate>
        <AlternatingItemTemplate>
        <div class="rows_product2 border_row_product">
                <div class="col_1_product">
                    <a href="<%=Page.ResolveClientUrl("~/") %>chi-tiet-san-pham/<%# DataBinder.Eval(Container.DataItem,"CateID") %>/<%# DataBinder.Eval(Container.DataItem,"ProductID") %>/<%#WebComponents.ConvertType.StripDiacritics(Eval("ProductName").ToString()) %>-.aspx"
                        rel="prettyPhoto" title="<%#DataBinder.Eval(Container.DataItem,"ProductName")%>">
                        <asp:Image ID="imgDescription" runat="server" Width="162px" BorderWidth="0px" AlternateText='<%#DataBinder.Eval(Container.DataItem,"ProductName")%>'
                            CssClass="pic_border" />
                    </a>
                </div>
                <div class="col_2_product">
                    <p>
                        <a href="<%=Page.ResolveClientUrl("~/") %>chi-tiet-san-pham/<%# DataBinder.Eval(Container.DataItem,"CateID") %>/<%# DataBinder.Eval(Container.DataItem,"ProductID") %>/<%#WebComponents.ConvertType.StripDiacritics(Eval("ProductName").ToString()) %>-.aspx"
                            title="<%#DataBinder.Eval(Container.DataItem,"ProductName")%>" class="link_title_product">                            
                            <%#DataBinder.Eval(Container.DataItem,"ProductName")%></a></p>
                    <p class="txt_detail">
                        <%#DataBinder.Eval(Container.DataItem,"ShortDescription")%></p>
                </div>
                <asp:Repeater ID="rptNhomGia" runat="server">
                    <HeaderTemplate>
                        <div class="col_3_product">
                            <div class="number">
                                Số lượng</div>
                            <div class="price">
                                Giá bán</div>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <div class="txt_number">
                            <%#DataBinder.Eval(Container.DataItem,"AttributeValue")%></div>
                        <div class="txt_price">
                            <%#DataBinder.Eval(Container.DataItem,"AttributeValue1")%></div>                        
                    </ItemTemplate>
                    <FooterTemplate>
                        </div>
                    </FooterTemplate>
                </asp:Repeater>
                <div class="col_4_product padding_soluong">
                    <%#DataBinder.Eval(Container.DataItem,"Comments")%></div>
            </div>
        </AlternatingItemTemplate>
    </asp:Repeater>
        </div>
    </div>
</asp:Content>
